<div nz-row>
  <div nz-col nzSpan="18" class="page-container">
    <div class="page-header header">
      文章详情
      <span class="caption">Detail</span>
    </div>
    <div class="card article-detail-card">
      <article class="body">
        <h2>rttt</h2>
        <p class="caption">by at</p>
        <p>
          如果你是少数派的老读者，相信你一定对「少数派
          Lite」这个小程序有印象。在我们正式推出 App
          之前，读者们只能通过网页或公众号来阅读少数派的文章。随着少数派主页、App
          的改版以及 PWA 客户端 的上线，原先的小程序也因年久失修而无法访问。
          自从推出完整功能的 PWA
          客户端后，我们总能收到许多好评。现在，全新的「少数派」小程序终于与大家见面了。无论你使用何种设备、在怎样的环境下阅读，你都能找到合适的访问途径。那么，先来看看少数派小程序上线了什么样的功能吧！
          时间流首页推荐
          小程序从诞生之日起，就将「用完即走」作为它的核心定位。相比于 PWA
          的完整体验，少数派小程序目前只保留了时间流的首页推荐，无需登录，只要点开就可以看到最新的首页文章，省去了反复翻找的时间，也没有提供查看文章评论的功能，只保留了最纯粹的阅读功能。
          对于一个内容型的信息流产品来说，阅读体验无疑是最重要的，少数派的阅读体验和网站设计一直都深受读者喜欢，小程序的首页与文章页面完全延续了客户端风格，除了无法调整字体大小这一点，其他体验上并无不同。
          在小程序内跳转少数派文章
          微信生态的封闭性向来是被许多人诟病的地方。由于微信对外链的限制，小程序无法提供跳转外链的功能。因此，少数派小程序提供了链接自动复制的功能，当你点击某个链接后，小程序便会自动将链接复制到你的剪贴板。
          当然，如果这个链接是来自少数派的文章，那么你就可以在小程序中直接完成文章跳转，不需要手动打开浏览器。
          从阅读体验的角度来说，将外链复制到粘贴板而非直接跳转打开，或许能使我们更专注地阅读，尤其是一些长的、科普类的文章，中间会穿插一些参考引用的链接，这些都需要花费一定时间和专注力去阅读，点击去阅读外链难免会打断阅读。
          更方便的分享、收藏体验 小程序是微信生态的重要一环，相比于从第三方 App
          或网站分享内容，无论是速度还是便捷性程度上，小程序都略胜一筹。不仅如此，从小程序直接打开分享内容的体验也要优于打开外部链接。
          不过，目前仍有一个稍微影响体验的问题：当你从少数派 App
          分享内容到微信时，它不能自动转化为小程序，而是会以链接的形式进行分享。虽然并不影响整体的阅读体验，但还是会带来不小的割裂感，希望在后续的更新中能优化这个问题。
        </p>
      </article>
    </div>
  </div>
  <div nz-col nzSpan="6" class="right-container">
    <div class="card user-detail-card">
      <div class="user">
        <img
          class="avatar"
          src="http://image11.m1905.cn/uploadfile/2009/1224/20091224120654956.jpg"
          alt="头像"
        />
        <span class="name">小程序</span>
      </div>
      <div class="user-statistics">
        <div>已发表 14 篇文章</div>
        <div>待处理 2 篇文章</div>
      </div>
    </div>
    <div class="card user-relative-articles">
      <div class="title">用户文章列表</div>
      <div class="article-link pending">你好啊</div>
      <div class="article-link done">你好啊</div>
    </div>
  </div>
</div>
